.tw-librotatecarousel {
  position: relative !important;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.tw-librotatecarousel .carousel-3d-container {
  margin: 0 auto !important;
}

.tw-librotatecarousel .carousel-3d-slide {
  opacity: .5 !important;
}

.tw-librotatecarousel .carousel-3d-slide.current {
  opacity: 1 !important;
}

.tw-librotatecarousel-imgbox {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.tw-librotatecarousel-imgtitle {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 40px;
  padding: 0 150px 0 20px;
  color: #fff;
  background: rgba(0, 0, 0, .35);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}

.carousel-3d-slide.current .tw-librotatecarousel-imgtitle{
  display: block;
}

.tw-librotatecarousel-cover {
  position: absolute;
  left: 0;
  height: 0;
  width: 100%;
  height: 100%;
}

.tw-librotatecarousel-dots {
  position: absolute;
  right: calc((100% - 680px) / 2);
  bottom: 10px;
  z-index: 999;
  color: #fff;
  text-align: right;
  padding-right: 10px;
  width: 120px;
}

.tw-librotatecarousel-dots .dot {
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
}

.tw-librotatecarousel-dots .dot span {
  display: block;
  overflow: hidden;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color:rgba(255,255,255,0.5);
  text-indent: 9999px;
}

.tw-librotatecarousel-dots .dot.xselected span{
  background-color:  #fff;
}
